// 2.div中放置子元素h1, p

import { init, h } from 'snabbdom'

let patch = init([])

let vnode = h('div#container', [
    h('h1', 'hello snabbdom'),
    h('p', '这是一个p标签')
])

let app = document.querySelector('#app')

let oldVnode = patch(app, vnode)

setTimeout(()=> {
    vnode = h('div#container', [
        h('h1', 'hello world'),
        h('p', 'hello p')
    ])

    patch(oldVnode, vnode)

    // 清空页面元素 -- 错误
    // patch(oldVnode, null)
    
    // 新生成一个注释节点
    patch(oldVnode, h('!'))
}, 2000)